<%@ include file="/WEB-INF/views/public/include.jsp"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<!-- 页面编码 -->
	<meta charset="utf-8">
  	<!-- 手机浏览器禁止缩放, 页面大小默认为手机屏幕宽度 -->
  	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  	<!-- 允许IOS全屏显示网页 -->
  	<meta content="yes" name="apple-mobile-web-app-capable" />
  	<!-- 设置IOS状态栏为透明底色 -->
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<!-- 设置360浏览器渲染引擎为webkit -->
  	<meta name="renderer" content="webkit">
  	<!-- 设置APP标题 -->
  	<meta name="apple-mobile-web-app-title" content="青年电影志">
  	<!-- 关闭自动识别电话号码 -->
  	<meta name="format-detection" content="telephone=no">
	<!-- iPhone桌面图标 -->
	<link href="/resources/static/images/app-60@2x.png" sizes="120x120" rel="apple-touch-icon-precomposed">
  	<!-- 页面标题 -->
  	<title>青年电影志</title>

  	<!-- 基本样式载入 -->
  	<link rel="stylesheet" href="/resources/static/css/ionicons.min.css">
	<link rel="stylesheet" href="/resources/static/css/public.css?m=12321">
	<!-- 基本脚本载入 -->
	<script src="/resources/static/js/plugins.min.js"></script>
</head>
<body>
	<div id="app" class="site" data-controller="homePage">
		<div class="bar bar-footer bar-primary">
			<nav class="bar-navigation">
				<a class="menu-item is-active" href="./index">
					<i class="menu-icon ico-home"></i>
					<span class="menu-label">首页</span>
				</a>
				<a class="menu-item" href="./discovery">
					<i class="menu-icon ico-discovery"></i>
					<span class="menu-label">发现</span>
				</a>
				<a class="menu-item" href="./user/index">
					<i class="menu-icon ico-me"></i>
					<span class="menu-label">我的</span>
				</a>
			</nav>
			<!-- END .bar-navigation -->
		</div>
		<div id="content" class="site-content">
			<div class="inner">
				<section class="city-filter-block">
					<c:choose>
						<c:when test="${cityId != null}">
							<h1 class="city-title js-city-select">${cities.get(cityId)}<i class="filter-icon"></i></h1>
						</c:when>
						<c:otherwise>
							<h1 class="city-title js-city-select">全部城市<i class="filter-icon"></i></h1>
						</c:otherwise>
					</c:choose>
					<div class="cities-wrap">
						<div class="city-view">
							<a href="./index" class="city-inner">全部城市</a>
						</div>
					<c:forEach var="c" items="${cities}">
						<div class="city-view">
							<a href="./index?cityId=${c.key}" class="city-inner">${c.value}</a>
						</div>
					</c:forEach>
					</div>
					<!-- END .cities-wrap -->
				</section>
				<!-- END .city-filter-block -->
				<section id="featured_slider" class="featured-slider-container">
					<div class="full-slider swiper-wrapper">
						<div class="item-view swiper-slide" style="background-image: url(/resources/static/assets/slider-0.jpg);">
							<!-- <a href="#">
								<h3 class="item-title">清如山泉，拜亚动力 DT1350 耳机图享</h3>
							</a> -->
						</div>
						<!-- END .item-view -->
					</div>
					<!-- END .full-slider -->
					<div class="featured-pagination"></div>
				</section>
				<!-- END .featured-slider -->
				<section class="l-block l-block-top-alter">
					<div class="icons-grid">
						<a href="./topic/business" class="icon-view js-touch">
							<i class="board-icon i-business"></i>
							<span class="icon-label">商业合作</span>
						</a>
						<!-- END .view -->
						<a href="./topic/learn" class="icon-view js-touch">
							<i class="board-icon i-learn"></i>
							<span class="icon-label">学习交流</span>
						</a>
						<!-- END .view -->
						<a href="./topic/activity" class="icon-view js-touch">
							<i class="board-icon i-column"></i>
							<span class="icon-label">专题活动</span>
						</a>
						<!-- END .view -->
						<a href="./topic/more" class="icon-view js-touch">
							<i class="board-icon i-more"></i>
							<span class="icon-label">更多主题</span>
						</a>
						<!-- END .view -->
					</div>
					<!-- END .icons-grid -->
				</section>
				<!-- END .l-block -->
				<section class="ember-list">
					<c:forEach var="subject" items="${subjects}">
					<article class="ember-view js-touch">
						<!-- 优先显示img图片 -->
						<c:choose>
							<c:when test="${subject.user.img != null && subject.user.img != ''}">
								<header class="entry-header" style="background-image: url(${subject.user.img});"></header>
							</c:when>
							<c:otherwise>
								<header class="entry-header" style="background-image: url(${subject.user.picUrl});"></header>
							</c:otherwise>
						</c:choose>
						<!-- END .entry-header -->
						<div class="entry-content">
							<h3 class="entry-title">${subject.title}</h3>
							<div class="entry-meta">
								<span class="entry-pos">${subject.user.company}|${subject.user.profession}</span>
								<span class="entry-name">${subject.user.getName()}</span>
							</div>
							<!-- END .entry-meta -->
							<div class="entry-excerpt">
								${subject.getSubContent(150)}...
							</div>
							<!-- END .entry-excerpt -->
						</div>
						<footer class="entry-footer">
							<span class="fund-time"><i class="ion-android-time"></i>${subject.getDurationString()}</span>
							<span class="fund-cat">${subject.getTypeString()}</span>
						</footer>
						<a href="/main/subject/user/${subject.userId}" class="overlay-link"></a>
					</article>
					</c:forEach>
					<!-- END .ember-view -->
				</section>
				<a href="./discovery" class="go-more js-touch">没有更多了，去发现页面查看更多的约见</a>
			</div>
			<!-- END .inner -->
		</div>
		<!-- END #content -->
	</div>
	<!-- END #page -->
	<!-- 页面脚本载入 -->
	<script src="/resources/static/js/app.js"></script>
</body>
</html>